<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Square</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

    <link href="../../gcg/style/gcg.css" rel="stylesheet" type="text/css" />

    <!-- 你的样式表区域 start -->
    <!--  to do  -->
    <style>
        /* 设置fire样式 */
        .user_control_panel{

        }
        .control_left{
            position: fixed;
            bottom: 50px;
            background-color: #ecebe9;
            left: 0;
            width: 160px;
            height: 130px;
        }
        /* 设置背景图 */
        .role{
            /*background-image: url("../static/img/tank.jpg") no-repeat;*/
            background: url('../static/img/tank_up.jpg') no-repeat;
            background-size: 100% auto;
        }
        .fire{
            background: url('../static/img/fire_up.jpg') no-repeat;
            background-size: 100% auto;
            width: 40px;
            height: 40px;
            display: none;
        }
    </style>
    <!-- 你的样式表区域 end-->


    <!-- 后续自动加载 start -->
    <script type="text/javascript" src="../../gcg/jquery/jquery-3.5.1.js"></script>
    <!-- 后续自动加载 end -->


    <!--     加载模块   -->
    <script type="module" src="../../gcg/libs/framework.js" defer></script>
    <script type="module" src="../../web/controller/test/square/Square.js" defer></script>
</head>
<body>
<div class="container" id="container">
    <div class="role" id="role"></div>
    <div class="fire" id="fire"></div>


</div>
<!-- 用户控制面板 -->
<div class="user_control_panel">
    <div class="control_left">

    </div>

</div>
</body>
</html>